<?php
//sessions from user login
require("storescripts/session.php");
//to render shopping cart price and article total in each page
require("storescripts/cart_script.php");
//get pictures from gallery
require("storescripts/gallery_script.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Luvo Fashion</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>	
<script src="js/jquery.jcarousel.pack.js" type="text/javascript"></script>	
<script src="js/jquery-func.js" type="text/javascript"></script>
</head>
<body>
<!-- Shell -->
<div class="shell">
  <!-- Header -->
  <div id="header">
    <h1 id="logo"><a href="index.php">Luvo Fashion</a></h1>
    <!-- Cart -->
    <div id="cart"> <a href="cart.php" class="cart-link">Your Shopping Cart</a>
      <div class="cl">&nbsp;</div>
      <span>Articles: <strong><?php echo $cartArticles;?></strong></span> &nbsp;<span><strong><?php echo $cartTotal;?></strong></span> 
	</div>
    <!-- End Cart -->
    <!-- Navigation -->
    <div id="navigation">
      <ul>
        <li><a href="index.php" class="active">Home</a></li>
		<li><a href="gallery.php">Gallery</a></li>
        <li><a href="about_us.php">About Us</a></li>
        <li><a href="faq.php">FAQ</a></li>
        <li><a href="contact.php">Contact</a></li>
		<li><a href="account.php">My Account</a></li>
      </ul>
    </div>
    <!-- End Navigation -->
  </div>
  <!-- End Header -->
  <!-- Main -->
  <div id="main">
    <div class="cl">&nbsp;</div>
    <!-- Content -->
    <div id="content">
      <!-- Content Slider -->
      <div id="slider" class="box">
        <div id="slider-holder">
          <ul>
            <li><a href="#"><img src="css/images/slide1.jpg" alt="" /></a></li>
            <li><a href="#"><img src="css/images/slide2.jpg" alt="" /></a></li>
            <li><a href="#"><img src="css/images/slide1.jpg" alt="" /></a></li>
            <li><a href="#"><img src="css/images/slide2.jpg" alt="" /></a></li>
          </ul>
        </div>
        <div id="slider-nav"> <a href="#" class="active">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> </div>
      </div>
      <!-- End Content Slider -->
      <!-- Products -->
      <div class="products">
        <div class="cl">&nbsp;</div>
        <ul>
          <li> <a href="#"><img src="css/images/big1.jpg" alt="" /></a>
            <div class="product-info">
              <h3>Special Offers</h3>
              <div class="product-desc">
                <h4>MEN’S</h4>
                <p>Lorem ipsum dolor sit<br />
                  amet</p>
                <strong class="price">50% Off</strong> </div>
            </div>
          </li>
          <li> <a href="#"><img src="css/images/big3.jpg" alt="" /></a>
            <div class="product-info">
              <h3>Special Offers</h3>
              <div class="product-desc">
                <h4>WOMEN’S</h4>
                <p>Lorem ipsum dolor sit<br />
                  amet</p>
                <strong class="price">50% Off</strong> </div>
            </div>
          </li>
          <li class="last"> <a href="#"><img src="css/images/big2.jpg" alt="" /></a>
            <div class="product-info">
              <h3>Special Offers</h3>
              <div class="product-desc">
                <h4>ACCESSORIES</h4>
                <p>Lorem ipsum dolor sit<br />
                  amet</p>
                <strong class="price">70% Off</strong> </div>
            </div>
          </li>
        </ul>
        <div class="cl">&nbsp;</div>
      </div>
      <!-- End Products -->
    </div>
    <!-- End Content -->
    <!-- Sidebar -->
    <div id="sidebar">
      <!-- Login/Register -->
<!-- if no user log on show below-->
      <div class="box login">
        <h2>User Account<span></span></h2>
        <div align="center"class="box-content">
          <form name="loginReg">
			<?php check_logon(); ?>
          </form>
        </div>
      </div>

      <!-- End Login -->
      <!-- Categories -->
      <div class="box categories">
        <h2>Categories<span></span></h2>
        <div class="box-content">
          	<ul>
	            <li>MEN's</li>
	            <li><a href='gallery.php?cat=men&subcat=clothing'>Clothes</a></li>
				<li><a href='gallery.php?cat=men&subcat=shoes'>Shoes</a></li>
	            <li><a href='gallery.php?cat=men&subcat=bags'>Bags</a></li>
	            <li><a href='gallery.php?cat=men&subcat=accessories'>Accessories</a></li>
	            <li>WOMEN's</li>
				<li><a href='gallery.php?cat=women&subcat=clothing'>Clothes</a></li>
	            <li><a href='gallery.php?cat=women&subcat=shoes'>Shoes</a></li>
	            <li><a href='gallery.php?cat=women&subcat=bags'>Bags</a></li>
	            <li class="last"><a href='gallery.php?cat=women&subcat=accessories'>Accessories</a></li>
	          </ul>
        </div>
      </div>
      <!-- End Categories -->
    </div>
    <!-- End Sidebar -->
    <div class="cl">&nbsp;</div>
  </div>
  <!-- End Main -->
  <!-- Side Full -->
  <div class="side-full">
    <!-- More Products -->
    <div class="more-products">
      <div class="more-products-holder">
		<ul>
        <?php print_images(); ?>
      	</ul>
	</div>
      <div class="more-nav"> <a href="#" class="prev">previous</a> <a href="#" class="next">next</a> </div>
    </div>
    <!-- End More Products -->
    <?php include_once("template_text_column.php"); ?>
  </div>
  <!-- End Side Full -->
  <!-- Footer -->
  <?php include_once("template_footer.php"); ?>
  <!-- End Footer -->
</div>
<!-- End Shell -->
</body>
</html>
